@prefixCls: c7ncd-app-center-appMonitor-durationChart;

.@{prefixCls} {
  &-description {
    display: flex;
    justify-content: center;
    &-title {
      display: flex;
      position: absolute;
      top: 528px;
      &-abnormal,
      &-stop {
        font-size: 13px;
        font-weight: 400;
        color: rgba(15, 19, 88, 0.65);
      }
      &-stop {
        margin-left: 27px;
      }
      &-content {
        color: rgba(15, 19, 88, 1);
      }
    }
    &-image {
      display: flex;
      position: absolute;
      align-items: center;
      right: 0;
      top: 528px;
      &-abnormal,
      &-stop {
        width: 9px;
        height: 9px;
        border-radius: 100%;
      }
      &-abnormal {
        background: #faad14;
      }
      &-stop {
        background: #f76776;
      }
    }
    &-abnormal {
      margin: 0 10px;
    }
    &-stop {
      margin-left: 10px;
    }
  }
  &-echart {
    margin-top: -10px;
  }
}
